<template>
    <div class="container">
        <div class="C_header"></div>
        <div class="C_main">
                    <a-layout id="components-layout-demo-custom-trigger">
                    <a-layout-sider v-model="collapsed" :trigger="null" collapsible>
                     <div class="logo" /> 
                <a-menu theme="dark" mode="inline" :default-selected-keys="['1']">
                    
                    <a-menu-item key="1">
                        <router-link   router-link to="/P_management">
                            <span>公司职位管理</span>
                        </router-link>
                    </a-menu-item>

                    <a-menu-item key="2"> 
                        <router-link to="/Interview">
                            <span>面试邀请</span>
                        </router-link>
                    </a-menu-item>

                    <a-menu-item key="3"> 
                        <router-link to="/Newpost">
                            <span>新增职位</span>
                        </router-link>                       
                    </a-menu-item>
                    
                    <a-menu-item key="4">
                        <router-link to='./r_account_management'>
                            <span>招聘账户管理</span>
                        </router-link>
                    </a-menu-item>

                    <a-menu-item key="5">
                        <router-link to='./c_real_name_aut'>
                            <span>公司实名认证</span>
                        </router-link>
                    </a-menu-item>

                    <a-menu-item key="6">
                        <router-link to='./pro_look'>
                            <span>企业看板</span>
                        </router-link>
                    </a-menu-item>

                    <a-menu-item key="7">
                        <router-link to='./Cdsj'>
                            <span>企业大事记</span>
                        </router-link>
                    </a-menu-item>
                    <a-menu-item key="8">
                        <router-link to='./Cqyxx'>
                            <span>企业基本信息</span>
                        </router-link>
                    </a-menu-item>                    
                    <a-menu-item key="9"> 
                    <router-link to="/Cmanage">
                        <span>企业缴费管理</span>
                    </router-link>  
                    </a-menu-item>   
                </a-menu>
                </a-layout-sider>
                    <a-layout>
                    <a-layout-content
                        :style="{ margin: '24px 16px', padding: '24px', background: '#fff', minHeight: '450px' }">
                    <router-view></router-view> 
                    </a-layout-content>
                    </a-layout>
                </a-layout>
        </div>
        <div class="C_footer"></div>
    </div>
</template>

<script>
export default {
    name:'C_index',
    data() {
        return {
        collapsed: false,
        };
    },
};
</script>
<style>
.container {
    width: 100%;
}
.C_header {
    width: 1349px;
    height: 85px;
}
.C_main  {
    width: 100%;
    height: 400px;
    text-align: center;
}

.C_main .layout{
    width: 1349px;
    height: 400px;
    text-align: center;
    display: inline-block;
} 
.C_footer{
    width: 1349px;
}
#components-layout-demo-custom-trigger .trigger {
  font-size: 18px;
  line-height: 64px;
  padding: 0 24px;
  cursor: pointer;
  transition: color 0.3s;
}

#components-layout-demo-custom-trigger .trigger:hover {
  color: #1890ff;
}

#components-layout-demo-custom-trigger .logo {
  height: 32px;
  background: rgba(255, 255, 255, 0.2);
  margin: 16px;
}
</style>
 